.left_menu {
  width: 23%;
  float: left;
  margin-left: 8rem;

  .menu_nav {
    margin-top: 2rem;

    .title {
      background: rgba(246, 246, 246, 1);
      border: 1px solid rgba(232, 232, 232, 1);
      border-top: 0;

      .title_name {
        width: 4rem;
        padding: .7rem;
        text-align: center;
        background: rgba(255, 255, 255, 1);
        color: #126335;
        border-top: 3px solid #126335;
      }

    }

    ul {
      border: 1px solid rgba(232, 232, 232, 1);
      padding: .7rem;

      li {
        a {
          display: block;
          transition: all .5s ease-in-out;

          &:after {
            content: '\20';
            display: block;
            height: 0;
            clear: both
          }

          &:hover {
            background: #F4CD1E;
            color: #ffffff;
            transform: translateX(10px);
          }

          background: #F8F8F8;
          color: #888888;
          margin-top: .1rem;
          padding: 0 1rem;
          height: 2rem;
          line-height: 2rem;
          cursor: pointer;


          span {
            font-size: 2rem;
            float: right;
            margin-right: 1rem;
            margin-top: -.3rem;
            vertical-align: -1rem;
          }
        }

      }
    }
  }

  .menu_noti {
    margin-top: 2rem;

    .title {
      height: 3rem;
      line-height: 3rem;

      img {
        vertical-align: -.3rem;
      }

      .title_name {
        display: inline-block;
      }

      background: #F2FFF2;
      border-top:3px solid #126335;
      border-left: 1px solid rgba(232, 232, 232, 1);
      border-right: 1px solid rgba(232, 232, 232, 1);
      border-bottom: 1px solid rgba(232, 232, 232, 1);
      color: #126335;
      padding-left: 1rem;
    }

    ul {
      border: 1px solid rgba(232, 232, 232, 1);
      padding: 1rem;

      li {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-top: .3rem;
      }

    }
  }

  .menu_commu {
    margin-top: 2rem;

    .title {
      padding-left: 1rem;
      background: #126335;
      color: #ffffff;

      height: 3rem;
      line-height: 3rem;

      img {
        vertical-align: -.3rem;
      }

      .title_name {
        display: inline-block;
      }
    }

    .img_container {
      text-align: center;
      background: url('../images/BG.png') center center no-repeat / cover;

      img {
        margin-top: 1.2rem;
      }
    }
  }
}


.article {
  .buttons {
    margin-top: 2rem;
    text-align: center;

    a {
      &:hover {
        background: #F4CD1E;
        color: #ffffff;
      }

      background:rgba(248, 248, 248, 1);
      color: #999999;
      padding: 2rem;
      display: inline-block;
      margin-right: -3px;
      transition: all .3s ease-in-out;
    }
  }

  .news_content {
    img {
      width: 100%;
    }
  }

  .headimg_container {
    .item_group {
      .item {
        &:not(:first-child) {
          margin-left: 2.2rem;
        }

        width: 30%;

        float: left;

        img {
          width: 100%;
        }

        p {
          margin-top: 0;

          strong {
            float: right;
          }
        }
      }
    }
  }

  /*列表页翻页*/
  .pages {
    overflow: hidden;
    float: right;
    margin: 20px auto 85px auto;
  }

  .pages a {
    float: left;
    display: block;
    margin-right: 10px;
    padding: 0 8px;
    min-width: 15px;
    height: 33px;
    line-height: 38px;
    text-align: center;
    color: #5a5a5a;
    background-color: #ffffff;
    border: 2px solid #999999;
    text-decoration: none;
    transition: all .3s ease-in-out;
  }

  .pages a.next,
  .pages a.prev {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .pages a.on,
  .pages a:hover {
    background-color: #ffffff;
    color: #126335;
    border: 2px solid #126335;
  }

  .pages a.ellipsis:hover {
    background-color: #f2f2f2;
    color: #555;
  }




  margin-bottom: 2rem;
  border: 1px solid rgba(232, 232, 232, 1);
  padding: 0 1rem 1rem 1rem;
  width: 60%;
  margin-left: 2rem;
  margin-top: 2rem;
  float: left;

  .title_nav {
    width: 100%;
    padding: 0 1rem;
    margin-left: -1rem;
    text-align: right;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    background: #FAFAFA;
    color: #AAAAAA;
  }

  h1 {
    padding-top: 3rem;
    text-align: center;
    color: #000000;
  }


  .news_list {



    .adimg_viphome {
      float: left;
    }

    .li_link:hover>.content>.link_detail {
      background-color: #126335 !important;
      color: #ffffff;
    }

    .content {
      width: 65%;
      margin-left: 5px;
      float: left;

      .article_time {
        width: 80%;
        font-size: 10px;
      }



    }

    /*新闻列表  */
    .li_link {
      padding: .5rem;
      display: block;
      border-bottom: 1px solid rgb(192, 182, 182);
      transition: all .5s ease-in-out;
    }

    .li_link:hover>h2 {
      color: #126335;
    }

    .li_link:hover {
      background: #F2FFF2;
      transform: translateX(10px);
    }

    .li_link:hover>h2>.link_detail {
      background-color: #126335;
      color: #ffffff;
    }

    h2 {
      margin-top: 1rem;


    }

    .link_detail {
      font-size: 12px;
      float: right;
      color: #BEBEBE;
      border: 1px solid #BEBEBE;
      padding: .3rem .5rem;
      transition: all .5s ease-in-out;
    }

    .article_time {
      text-align: inherit;
      margin-top: 0;
      width: 60%;
      display: inline-block;

      img:first-child {
        margin-left: 0;
      }
    }
  }

  .article_time {
    text-align: center;
    margin-top: 2rem;
    // background: url('../images/line_w.png') center center no-repeat / cover;
    // background-size: 80%;

    .line_content {
      position: relative;
      display: inline-block;

    }

    .line_content .line {
      position: absolute;
      top: 15px;
      width: 140px;
      height: 1px;
      background-color: #ddd;
    }

    .line_content .line-l {
      right: 100%;
      margin-right: 15px;
    }

    .line_content .line-r {
      left: 100%;
      margin-left: 15px;
    }

    img {
      vertical-align: -.2rem;
      margin-left: 3rem;
    }
  }

  p {
    line-height: 2rem;
    margin-top: 2rem;
  }

  .first_p {
    text-indent: 2em;
  }
}